<template>
  <!-- 软件岗位薪资饼图 -->
  <table class="barChart">
    <tr class="head">
      <th>排名</th>
      <th>岗位</th>
    </tr>
    <tr class="list" v-for="(item, index) in eData" :key="index">
      <td style="text-align: center">
        {{ index + 1 }}
      </td>
      <td>{{ item }}</td>
      <!-- <td>{{ item.salary }}</td> -->
    </tr>
  </table>
</template>

<script>
import { getHotSalaryJob } from "@/api/page2Api";
export default {
  name: "",
  data() {
    return {
      data: [],
    };
  },
  props: {
    type: Number,
    eData: Array
  },
  methods: {
    setChart() {},
  },
  mounted() {
    // getHotSalaryJob().then((res1) => {
    //   let res = res1.data;
    //   this.data = res[this.type];
    // });
  },
};
</script>

<style lang="less" scoped>
.barChart {
  padding-top: 10px;
  width: 100%;
  height: 100%;
  //   background: skyblue;
  .list {
    background: #757474;
    td {
      color: #fff;
      &:first-child {
        text-align: center;
      }
      &:last-child {
        text-align: center;
      }
    }
  }
  .head {
    // background: red;
    line-height: 5px;
    color: #6eddf1;
    th {
      min-width: 20%;
      width: 20px;
    }
  }
}
</style>